var pageIndex=1;
var columnId;

function listPageInit(){
	columnId=getUrlData("data");
	pageIndex=getUrlData()["page"];
	if(pageIndex==null)
		pageIndex=1;
	loadGrid(pageIndex);
}
function getUrlData(argName) {
	var url=window.location.href.replace("#", "");
	// 分隔地址args[0]与参数args[1]
	url = decodeURIComponent(url);
	var args = url.split("?");
    var retval = {};
    // 无参数
    if(args[0] == url) {
    	return null; 
    }
    var str = args[1];
    args = str.split("&");
    for(var i = 0; i < args.length; i ++) {
    	str = args[i];
      	var arg = str.split("=");
      	if(arg.length <= 1) {
      		continue;
      	}
      	if(argName) {
      		// 存在Key,返回对应的值
      		if(arg[0] == argName) {
      			return arg[1];
      		}
      	}else {
      		// 不存在Key, 返回整个参数对象
      		retval[arg[0]] = arg[1];
      	}
    }
    return retval; 
}

function loadGrid(page){
//根据id读取json的url和列表页的分页数据
	pageIndex=page;
	$.ajax({
		url : "http://47.105.33.233:8001/action/article/list/"+columnId+"/29/"+page,
		data:null,
		dataType : "json",
		type : "get",
		success : function (result){
			loadData(result);
			loadPage(result);
			loadNav(result);
		},
		error : function(request) {
			console.error(request);
		}
	});	
}
function loadData(data){
$(".chunlist").children().html("");
	 for(var i=0;i<data.data.length;i++){
	 	if(i<5){
	 		$("#list_ul1").append($('<li><p><a href="'+
	 		data.data[i].url+'" title="'+
	 		data.data[i].title+'">'+
	 		data.data[i].title.substr(0,35)+'</a></p><span>'+
	 		data.data[i].releaseTime+'</span></li>'))
	 	}else if(i<10){
	 		$("#list_ul2").append($('<li><p><a href="'+
	 		data.data[i].url+'" title="'+
	 		data.data[i].title+'">'+
	 		data.data[i].title.substr(0,35)+'</a></p><span>'+
	 		data.data[i].releaseTime+'</span></li>'))
	 	}else if(i<15){
	 		$("#list_ul3").append($('<li><p><a href="'+
	 		data.data[i].url+'" title="'+
	 		data.data[i].title+'">'+
	 		data.data[i].title.substr(0,35)+'</a></p><span>'+
	 		data.data[i].releaseTime+'</span></li>'))
	 	}else if(i<20){
	 		$("#list_ul4").append($('<li><p><a href="'+
	 		data.data[i].url+'" title="'+
	 		data.data[i].title+'">'+
	 		data.data[i].title.substr(0,35)+'</a></p><span>'+
	 		data.data[i].releaseTime+'</span></li>'))
	 	}else if(i<25){
	 		$("#list_ul5").append($('<li><p><a href="'+
	 		data.data[i].url+'" title="'+
	 		data.data[i].title+'">'+
	 		data.data[i].title.substr(0,35)+'</a></p><span>'+
	 		data.data[i].releaseTime+'</span></li>'))
	 	}else{
	 		$("#list_ul6").append($('<li><p><a href="'+
	 		data.data[i].url+'" title="'+
	 		data.data[i].title+'">'+
	 		data.data[i].title.substr(0,35)+'</a></p><span>'+
	 		data.data[i].releaseTime+'</span></li>'))
	 	}
	 } 
	 $(".chunlist").find("a").attr("target","_blank");
};
function gotoPage(e,page){
	if(page==null){
		page=$(e.target).text();
	}
	loadGrid(page);
}
function loadNav(data){
	$("#columnNavigater").html(data.data[0].columnName);
	$(".nheadc_type").html("<h4>"+data.data[0].columnName+"</h4>")
}
function loadPage(data){
	var nowPage=pageIndex;
	var pageCount=Math.ceil(data.count/29);
	var startPage=1;
	$(".pagelist").html("");
	var ul=$("<ul></ul>");
	$(".pagelist").append(ul);
	ul.append($("<li>首页</li>").bind("click",function(){gotoPage(null,1)}));
	var loopSize=5;
	if(pageIndex>3){
		startPage=nowPage-2;
	}
	if(pageIndex>=pageCount-2){
		startPage=pageCount-4;
	}
	if(pageCount<=5){
		startPage=1;
	}
	console.info(pageCount+","+nowPage+","+startPage);
	for(var i=startPage;i<pageCount+1&&i<startPage+loopSize;i++){
		if(nowPage==i)
			ul.append($('<li class="thisclass">'+i+'</li>'));
		else{
			ul.append($('<li><a>'+i+'</a></li>').bind("click",gotoPage));
		}
	}
	ul.append($('<li><a>下一页</a></li>').bind("click",function(){gotoPage(null,++pageIndex)}));
	ul.append($('<li><a>末页</a></li>').bind("click",function(){gotoPage(null,pageCount)}));
	ul.append($('<li><span class="pageinfo">共 <strong>'+pageCount+'</strong>页<strong>'+data.count+'</strong>条</span></li>'));
}